<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车贷计算器</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>
<body>
<!--    div>div*3-->
<div id="all">
    <div id="top">
        <img src="../images/logo.png" alt="">
<!--        (div*2>span)+img-->
        <div><span>购车贷款计算</span></div>
        <div><span>购车税费</span></div>
    </div>
    <div id="mid"></div>
    <div id="div1">
        <p>  裸车价格<label for="text1"></label><input type="text" id="text1">万元 </p>
        <p>  首付比例
            <label>
                <select >
                <option value="volvo">一成</option>
                <option value="volvo">二成</option>
                <option value="volvo">三成</option>
                </select>
            </label>
        </p>
        <p>  贷款期限：
            <label>
                <select >
                <option value="volvo">六个月（6期）</option>
                <option value="volvo">一年（12期）</option>
                </select>
            </label>
        </p>
        <p> 贷款年利率：<label>
            <select >
                <option value="volvo">5.6%(六个月已内)</option>
                <option value="volvo">4.3%</option>
                <option value="volvo">3.2%</option>
            </select>
        </label>
            <label>
                <select>
                <option value="volvo">无折扣</option>
                <option value="volvo">9折</option>
                <option value="volvo">八折</option>
                </select>
            </label>
            =<label>
                <input/>
            </label>%
        </p>
    </div>
    <div id="div2" class="yin">
        <p>  裸车价格： <label>
            <input type="text">
        </label>万元 </p>
        <p>  车辆排量：<label>
            <select >
                <option value="volvo">1.0L-1.6L(含)</option>
                <option value="volvo">1.7L-2.5L(含)</option>
                <option value="volvo">2.6L-3.4L(含)</option>
            </select>
        </label></p>
        <p>  计划上牌地：<label>
            <select >
                <option value="volvo">B-北京</option>
                <option value="volvo">S-上海含</option>
                <option value="volvo">S-深圳</option>
            </select>
        </label>（首字母）</p>
        <p>  车辆情况：
            <label>
                <input type="radio" checked="checked">
            </label>六座以下 <label>
                <input type="radio" >
            </label>六座以上
        </p>

    </div>
    <div>
        <button id="btn1">立即计算</button>
        <button id="btn2"> 清除</button>
    </div>
</div>
<div id="bot">
    <div id="div3">
        <p>计算结果</p>
        <p>每月还款：<label>
            <input type="text">
        </label>元</p>
        <p>利息总额：<label>
            <input type="text">
        </label>元</p>
        <p>累计还款总额：<label>
            <input type="text">
        </label>元</p>

    </div>
    <div id="div4">
        <p>计算结果</p>
        <p>费用合计：<label>
            <input type="text">
        </label>元</p>
        <p>新车购置税：<label>
            <input type="text">
        </label>元</p>
        <p>上牌费用：<label>
            <input type="text">
        </label>元</p>
        <p>车船使用税：<label>
            <input type="text">
        </label>元</p>
        <p>交强险费用：<label>
            <input type="text">
        </label>元</p>
    </div>
</div>

</body>
</html>